2D 


Instalasi Joomla 


Sebelum belajar membuat web, kita perlu menginstal perangkat lunak 
yang dibutuhkan oleh Joomla. Sebenarnya Anda dapat menginstal 
perangkat lunak komponen Joomla secara terpisah, tetapi Anda harus 
memahami cara mengatur konfigurasinya. Untuk mempermudah, 
sebaiknya Anda menginstal semua komponen perangkat lunak Joomla 
yang sudah terintegrasi (multi aplikasi), seperti WampServer, Wamp 
akronim dari (Windows, Apache, MySOL dan PHP). Dalam buku ini, 


penulis menginstal memakai WampServer2.20-x32. 


21 Instalasi Joomla Secara Iokal 


Pengertian instalasi secara lokal adalah menginstal dalam keadaan offline 
(tidak terkoneksi dengan internet). Jika Anda belum memesan space 
(ruang) untuk meletakkan web di hosting (perusahaan jasa untuk 
meletakkan web kita di internet), Anda dapat menginstal secara lokal. 


Langkah-langkahnya sebagai berikut: 


1. Masukkan Bonus CD yang berisi program WampServer2.2a-x32 ke 
DVD/CD Driver. 


2. Klik dua kali file WampServer2.2a-x32, seperti gambar berikut. 


3. 


4. 


5: 


Name - Size | Type Date Modified 
CjBanner. web File Folder 21/07/2012 3:06 
Mextentios 1 7 File Folder 20/07/2012 23:38 
(“Header web File Folder 21/07/2012 3:06 
(Citemplates 1 7 File Folder 07/07/2012 23:55 
Soma 1 “7. 1-Stable-Full Package 7.242KB WIinRAR ZIP archive 07/10/2011 12:46 
(&D) WampServer2.2a-x32 24.880KB Application 07/10/2011 13:57 


Gambar 2.1 File WampServer 


Setup - WampServer 2 C ja) (E3) 


G 1 Welcome to the WampServer 2 
HM Setup Wizard 


WampServer This wil install WampServer 2.2 on your computer. 
It is recommended that you close all other applications before 
Powered by continuing. 
Alter Way Click Next to continue, or Cancel to exit Setup. 
The French 


Open Source 
Service Provider 
http://www.alterway.fr 


Apache 3 gone, 
MySOL 1 5.5.16 
phpMyAdmin : 3.4.5 
sglBuddy 1:33 
vebGrind 1.0 

XDebug 2112 


Gambar 2.2 Jendela Welcome WampServer2.2a 


Muncul jendela License Agreement, pilih opsi I accept 


agreement dan klik tombol Next », seperti gambar berikut. 


Setup - WampServer 2 


License Agreement D ) 


Please read the following important information before continuing, wp 


Please read the following License Agreement. You must accept the terms of this 
agreement before continuing with the installation. 


by 
(Creator : Romain Bourdon 
Maintainer / Upgrade/Roadmap — : Herve Leclerc - herveleclerc@alterway.fr 


GNU GENERAL PUBLIC LICENSE 
Version 2, June 1991 


Copyright (C) 1989, 1991 Free Software Foundation, Inc. s 


(1 accept the agreement 
(O1 do not accept the agreement 


Costa JL Net» JL cancel ) 


Gambar 2.3 Jendela License Agreement 


karena kita menerima hasil instalasi ke folder default C“wamp. 


Muncul jendela Welcome dan klik tombol Next », seperti berikut. 


the 


Muncul jendela Select Destination Location dan klik tombol Next », 


Setup - WampServer 2 


Where should WampServer 2 be installed? 


Select Destination Location D 


UJ Setup will install WampServer 2 into the following Folder. 


To continue, cick Next. IF you would like to select a different folder, click Browse, 


Browse... 


At least 211,5 MB of free disk space is reauired, 


Gambar 2.4 Jendela Select Destination Location 


Muncul jendela Select Additional Tasks, beri tanda centang 
(checklist) Create a Ouick Launch icon dan Create a Desktop icon, 


kemudian klik tombol Next », seperti gambar berikut. 


Setup - WampServer 2 


Select Additional Tasks 
K—) 


Which additional tasks should be performed? 


Select the additional tasks you would like Setup to perform while instaling WampServer 
2, then click Next, 


'additional icons: 
Create a Guick Launch icon 
Create a Desktop icon 


Gambar 2.5 Jendela Select Additional Tasks 


Muncul jendela Ready to Install dan klik tombol Install. 


Setup - WampServer 2 ala 
Ready to Install Tan 
Setup is now ready to begin installing WampServer 2 on your computer. w 


(Click Install to continue with the installation, or click Back if you want to review or 
change any settings. 


| bestination location: 
cilwamp 


“Additional tasks: 
Additional icons: 
Create a Ouick Launch icon 
Create a Desktop icon 
| 
| 


Cocesek Ji insta J (cancel ) 


Gambar 2.6 Jendela Ready to Install 


8. Proses instalasi WampServer berlangsung, seperti Gambar 2.7. 


Setup - WampServer 2 


Installing Tan 
Please wait while Setup installs WampServer 2 on your computer, w) 
Extracting files... 


ciwamplappstphpmyadmin3.4.5VlocaleihriLC MESSAGESIphpmyadmin.mo 


Gambar 2.7 Proses instalasi WampServer 


9. Muncul jendela Setup untuk menentukan browser default, klik 
tombol Yes, seperti gambar berikut. 


ND Firefox has been detected on your computer. Would you like to use it as the default browser with WampServer2? 


Gambar 2.8 Jendela Setup Browser default 


10. Muncul jendela PHP mail parameters dan ketik localhost di kotak 
SMTP. Ketik akun email Anda di kotak Email dan klik Next ». 


Setup - WampServer 2 Er 
PHP mail parameters fa 
K—) 


Please specify the SMTP server and the adresse mail to be used by PHP when using 
the function mail). IF you are not sure, just leave the default values. 


SMTP: 
localhost | 


Email: 
yuniarsupardi@yahoo.com 


Gambar 2.9 Jendela PHP mail parameters 
11. Muncul jendela komplet instalasi dan klik tombol Finish. 
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Hc » Completing the WampServer 2 


Setup Wizard 


Setup has finished installing WampServer 2 on your computer. 
WampServar: The application may be launched by selecting the instaled 
itons, 
La oat era Click Finish to exit Setup. 
The French 


II Launch Wamp3erver 2 now 
Open Source “ 


Service Provider 


http:/lwww.alterway.fr 
Apache 12.2.21 
My50L Pennena 
phpMyAdmin : 3.4.5 
salBuday 15318 
webGrind : 1.0 
XDebug 2.1.2 


Gambar 2.10 Jendela komplet instalasi WampServer 


Menempatkan File Joomla ke Folder Wamp 


Setelah menginstalasi WampServer2.2-x32, selanjutnya letakkan file 


Joomla ke folder wamp dengan langkah-langkah berikut: 


1. Klik kanan file Joomla 1.7.1-Stable-Full Package, pilih menu Copy. 


Date Modified 
2iog12012 306 

2007/2012 23:38 
21/07/2012 308 

07/07/2012 23:55 
071012011 12116 
07/10/2011 13:57 


Gambar 2.11 Mengopi file Joomla 1.7.1-Stable Full Package 


2.  Paste-kan pada folder www yang sebelumnya Anda buat di bawah 


folder CAwamp, seperti gambar berikut. 


Fle Eat Mew Favortes Took Hdp 


BY sem Ie adas | CI 


Baek r 


Szo| Type Date Modited 

. 21K PApFla 2517/2012 8:14 

, Iko Pie Ssftejeo1o 5:40 
ve , 


Propertes 


Gambar 2.12 Paste di folder c:wamp|www 


1" 


3. Sehingga file Joomla 1.7.1-Stable-Full Package berada pada folder 


www, seperti Gambar 2.13. 


File Edit View Favortes Tools Helo 


Om: O- oma - 
aoaress (B3 Cawampiwwn 
rokters 


(Ep roses 


X Name Sze | Type Date Modited 
Ctem & lelindex 21KB PHP Pile 21/07/2012 8:14 

& Tanstodl 2 Gfjtestmysal 1KB PHP File 24/12/2010 9:40 
aa 


Bhvomo 17.1-5blorul Package 7126.. WNRAR GP... OF/IOJOIL A246 
8 Go wamp 


Gambar 2.13 File Joomla 1.7.1-Stable Full Package di folder www 


4. Buat folder baru di folder c“wamplwww dengan mengklik kanan di 


folder www dan pilih menu New » Folder, seperti gambar berikut. 


Fle Edit Vew Favottes Tode Hah 


Dea DO P seh (P5 Foeers || (CET 


podress (D Ciwanptanww 


rata 2 Name Sial Tips ata Modiod 
& elinder 21KB HPS 21/07/20128:14 
2 Diresnyaa 18 HPA Sijigfeciosao 
Bionla.i.7.i-Kabk-FullPackage 7.24... WInRARZIP... 07/10/2011 12146 
vew , 
Arang Icons Bp , 


Customize This Fokter, 


Paste 


undoCony caez 


New , 

@ 5 WInows 

8S tocalbisk (D3) Properties a Sora 
& tadup 


(ED mnnosotothee Access 2007 Datahase 
& & apogan Bon 
Dg IS paman tnage 
kala ea IG #iosof Office Powerfont Presentaton 
A3 #irosot fe Pbishar Document 
B wekadive 
P tetdocmert 


Beliar Awal Menjadi Proorarimer (Algoritma) Lek Semus Orang 
(Eb Koleksi Program Visual Foxfro utk TA & Skrpsi 


(8 Merosot Vista Diawng 
3 €b enpencantk Tampan Web Joomla A nc mediofte wo) 
Ox - SB Wear ap arie 


Gambar 2.14 Menu New Folder 


5. Folder baru tersebut Anda beri nama www.bukukomputer.com. 


Fe Edit View Favortes Tools Help 


Os DP sean | Foters 


Address (O Cilwampiwww 
Folders 


FE 


x Name Size Type Date Modified 
temp Ai Ielindex 2IKB PHP File 21/07/2012 8114 
(5 TransTool (5testmysal 1KB PHP File 31/12/2010 9:40 
Hee ooma1.7.I-Stable-Full Package — 7.24... WINRAR ZIP... 07/10/2011 12:46 
8 Hwan (Cowww.bukukomputer com File Folder 21/07/2012 8:29 
Bis 
Das 
@ bh 
& (Elang 
Ed bas 
& satpts 
Ot 
# Otoos 
Dwi 


Gambar 2.15 Folder www.bukukomputer.com 
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6. 


Kemudian Anda Ekstrak file Joomla 1.7.1-Stable Full Package 
dengan mengklik kanan dan pilih menu Extract Files... (pada 
komputer Anda harus telah diinstal WinZip atau WinRAR). 


File Edit View Favorites Tools Help 


Oa DP seah Is Folders | (F)- 


Address (0 Ciwampiwww 


Folders Ko Name « Size | Type Date Modified 

(B desktop Islindex 21KB PHP File 21/07/2012 8114 

2 (2 My Documents |2Jtestmysal 1KB PHP File 31/12/2010 9:40 
8 Computer k.Donis 1.7 Stsbis depok Lani 
Bi @ Local Disk (C1) Eiwww.bukukomputer.co 28:29 


(3 (E3 Documents and Settings 


Orc Biktract Here 
Sad Poor FIRE Wektract to Joomla, 1.7.1-Stable-Full Packagel 
temp (@Pindai Joomla, 1.7, 1-Stable-Full Package.zip 
(G3 TransTool 
& (O vP-eve Open with Generic Editor 
8 D wamp Open with Text Editor 
(Go alas Open with Hex Editor 
2 Eps Calculate Hash Values 
& Ebi 
& @ lang F Folder Protect » 
(Gi loos Open With » 
(€5 saipts 
(Cd tmp Send To , 
Hb tools ct 
8 D www Copy 
(C9 WINDOWS 
B &# Local Disk (D:) Sana hbrtrik 
E Backup Delete 
@ (€3 cd. program Banana. 
G3 config Properties 
1 (b Data Saya 


Gambar 2.16 Menu Extract Files 


7. Arahkan ke folder www.bukukomputer.com dan klik tombol OK. 


3— Extraction path and options 


General | Advanced 
Destination path (will be created if does not exist) Display 
(CAwamp4mwwwww.bukukomputer.com Ta s si 
Hpdeamade &— TransTool 2! 
@ Extract and replace files 3 VP-EYE 
(O Extract and update files SC wamp 
O Fresh existing files only (C3 alias 
H-3 apps | 
Overwrite mode B-(3 bin | 
@ Ask before overwrite Aa | sak 
Pa (C3 logs 
CO Bye sanak prompt G3 soripts 
O Skip existing files (S3 tmp 
(O Rename automatically 33 tools 
Bi www 
Miscellaneous 2 
Ex stohives to st 4 - WINDOWS 
Keep broken files Ea PG Leak ea E 
$ an 5 “ rive (E: -—- 
Display files in Explorer a33 Shared Documents 
- FP Kw Nnnmnet's Dnriiments br) 
Save settings ) « | 
OK Cancel Help 


Gambar 2.17 Folder www.yuniarsubukukomputer.com 


8. Proses Ekstrak berlangsung, seperti Gambar 2.18. 
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35 Extracting from Jooml... EC) - 


estracting 

edit.php oz 
 ———— 
Elapsed time 00:00:01 

Time left 00:00:30 5& 
—s#-—-3 


Gambar 2.18 Proses Extract File 


9. Setelah proses ekstrak, Anda menuju ke wallpaper Windows, 
terdapat ikon shortcut WampServer dan pada tray Windows juga 


terdapat ikon WampsServer, seperti gambar berikut ini. 


Gambar 2.19 Ikon shortcut WampServer di wallpaper dan tray Windows 


10. Anda dapat menjalankan WampServer di menu Start. 
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Gambar 2.20 Menu Start 


Menjalankan PhpMyAdmin 


Untuk memastikan instalasi Joomla berjalan dengan baik dan sukses, 


jalankan PhpMyAdmin, langkah-langkahnya sebagai berikut: 
1. Jalankan browser Anda, sebagai contoh Mozilla Firefox. 


2. Ketik http://localhost/phpmyadmin/ tekan tombol Enter. 


) Iocalhost / localhost | phpMyAdmin 3.4.5 - Mozilla Firefox 


File Edit View History Bookmarks Tools Help 


aw ” C (aj ama http:/localhost/phpmyadmin/ 


Jua) Most Visited (4 Getting Started » | Latest Headlines 


Gambar 2.21 Menjalankan Phpmyadmin 


3. Muncul jendela PhpMyAdmin, seperti gambar berikut. 
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2) localhost / localhost | phpMyAdmin 3.4.5 - Mozilla Firefox 
ena 


Ii vest toa 2) cetng tata 


| ka ocalhost /tocahost phptayaanan.. | | E 


phpMyAdmin 


@ atabases |) soL | (dk Status (KB Binarylng | p Processes | 1x5 Privileges | (KI Export | IE) Import | 45! Vatiables 7 More 


« Sewer: Iocalhost (ocalhos: via TCPAP) 


NBO1 ec 


(9 information schama 
3 mysgl 


3 perfomance. schema 


» Protocol version: 10 
« User: mot@lacalhos: 
& MySOL charset: UTF-8 Unicode (utB) 


3 test 


& Language 0 | English 


(9 Theme 1 Style: | pmehomme | 


« Fontsize:| ses Ml & Apache/2 2.21 (Wind2) PHPS 38 
aa « MYSOL client version: mysgind 8.0.8-der- 20122224 
£ More settings $Revision: 310725 $ 


& FHP extension: mysgli & B 


& ation: 3.45 
« Documentatian 

@ viii 

& Official Homepage 

» Contibute 


Gambar 2.22 Jendela PhpMyAdmin 


Membuat Database 


Aplikasi PhpMyAdmin dapat Anda pakai untuk membuat database. 
Database yang dipakai PhpMyAdmin adalah MySOL. Langkah-langkah 


membuatnya sebagai berikut: 
1. Pada jendela PhpMyAdmin. 


2. Pilih tab Databases, ketik MyBook sebagai nama database pada 
kotak Create new database dan klik tombol Create, seperti berikut. 


7) localhost / localhost | phpMyAdmin 3.4.5 - Mozilla Firefox 


File Edit View History Bookmarks Tools Help 


| kislocahost cahost IpbeMiyadmin 345 ate 


€ | jk locahost/phpmyadmin/ 


phpMyAdmin | Hata 


4 Databases | (£) SOL ik Status (3) Binarylog | 49 Processes 


AG O16 
4 information schema Databases 
4 mysgl | 


4 performance schema 
6 Create new database & 


) test r - 
| MyBook Collation “ Create | 


Gambar 2.23 Tab Databases 
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Muncul informasi database MyBook telah tercipta, seperti berikut. 


8) localhost / localhost | phpMyAdmin 3.4.5 - Mozilla Firefox 


File Edit View History Bookmarks Tools He 
| 2) commecting. | t 


« Ai ecalost/phpmyadnin/ 


M 
phpM 
Databases (CP SOL Hi Status F3) Binarylog — # Processes | 25) Privileges (Kl Export 
AG OU6 
information schema Databases 
tnysgl 


performance. schema 
6 Create new database @ 
test 


MyBook Collation 
v Database MyBook has been created. 
Database . Master replication 
information schema —W Replicated 85! Check Privileges 
DI MyBook W Replicated — 2 Check Privileyes 
mysgl W Replicated 2 Check Privileges 
DD performance schema —W Replicated 35) Check Privileges 
O test  Replicated — asi Check Privileyes 
Total: 5 


to Check All/Uncheck All With selected: EH Drop 


Gambar 2.24 Informasi database MyBook telah diciptakan 


Instalasi Joomla 


Setelah Anda menginstal WampServer dan menempatkan file Joomla 


pada folder wamp, Anda dapat menginstalasi Joomla, dengan langkah- 


langkah sebagai berikut: 


1. 


2. 


Jalankan Browser, sebagai contoh Mozilla Firefox. 


Ketik 


http://localhost/www.bukukomputer.com/installation/index.php 


tekan Enter, akan muncul langkah memilih bahasa (Choose 
language). Sebagai contoh, Anda pilih English (United States), klik 


tombol Next di pojok kanan atas, seperti gambar berikut. 
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3. 


4. 


Joomla! 1.7.1 Installation 


Steps Choose language ta 


(Language 
Select Language 


24Prednstalltion check. | | picaseslectthelancuge ts use duringthe Joonlal . Ia 
irstaltion steps: Arikaons South Afical 
3iliconse arabic Unitag(Bssgal Hah 
| Azari (Azerbarjan) 
'benapyoras (Benapyor) 
ealgarian (Esnrepovi 
'Bengali Bangladesh) 
52FTP Coniguation Pa Gama 
Catalan 
6:Configuration Kurdish Sorani (os) 
Czeeh (Czeeh republic) 
Tefnin Danish DK) B| 
| German (DE-CH-AT) 
(Greek 
| natish Austrtiai 
lex 


41Database 


|estonian 
| Euskara (Besyue) 

| Persian tak) 

| Finish (Suorri) 

Franesis (Fr 

Szotish Gaelis (GB) 

| Gaician Gelizo) 

(Gujarati India “| 


Gambar 2.25 Step Choose language 


Muncul langkah Pre-Installation Check, klik tombol Next di pojok 


kanan atas, seperti Gambar 2.26. 


Steps Pre-Installation Check cneeragan @) |O rrevous (ton € 


1: Language 
Presinstallation check for Joomla! 1.7.1 Stable | Ember J26-Sep-2011 14:00 GMT. 


Dae aneh If any ofthese ten s not supported (narkedas No) then 
pikasetake actonsto carectthem.Falre to doso could lead | PHP Meson »-524 yes 
Tn toyowr Joomla istalatn act funticino coret Ab aa Ana Hae 
Mt spot yes 
4iDatabaso IySOL.Surport yes 
MB Language Defaut yes 
Eau pa 16 ring Gverbad Off yes 
INI Panser Support yes 
Ha ISON Suppari yes 
Ii ai confipurton.ehp Wntesble yes 
7:Fnish 
Recommended settings: 
These settngs are rerommended for PHP order toensure fl 
compatitity wih Joon. Diseive Reronmended Aetual 
Howeve,Jooral wil siloperateiFyour seting donetgute saja de sa SF 
mete the recommended. 
Display Erors og on 
File Upbads on on 
Magi: Ountes Runtine of og 
Register Global og og 
Output buFeing og on 
Sesson AutoStat og on 


Joomlal@ is free software teased under the GIIU General Public Ucenee, 


Gambar 2.26 Step Pre-Installation Check 


Anda periksa, apakah Display Errors telah dipilih (checklist), dengan 
mengklik tombol WampServer di jendela tray, kemudian pilih PHP 
» PHP Settings, seperti gambar berikut. 


5. 


7) Joomla! Web Installer - Mozilla Firefox 


| itovontat webinetater El 
(oebug) : Rencte datun Er 
€ 2 | RX bocahostimmw-dukukomputer.confretaletionfindes.phpit CS beban): Proier | 
(Goebun) : Profile Enabie Tigoet El 


Joomla! 1.7.4 Installation ng | 
H atatbamina 


W yekcompliance 


Steps Pre-installation Check Ba aa 
tp fa 
Languase pas 
Prenstalation check tor Joomla! 1.7-1 Stable (Ember) 26-Sep-2011 14:00 GMF, oreo ine pss tferanes 
stone 


2: Prednstalation 


1ang f bnseitemne & not sunpertad (marked 3 Na) then 


pleas take oten tocoredthem. Falretodosocoulleed | Php Veshn 22524 ves Y eaPP 
atik toyow Joon! Fetalion ne retering core Abon nb "aa 
Mt Support yes MV dimiarsttup onors 
4:Database SDI Suppaut yes boros 
NELanguage &Dofaut yes joroetepeetedertrs 
5: FTP Coutgwation Pena aan AA iororetepeatedsonce 
WI Perser Support yes 
ata EK - repot menlesks 
# Connyuratian onforetion.ohp Witeable yes W teckarars 
resistor doba 
7:Fmisn 
rosistr long toys 
Recommended settings: Hana 
These settings arerocenmended fx PPn der tense ful mege amtes opc 
compatbis ve Joon, Oisetvs Recommended negr anter mine 
Homovet oonls! wi oprote F your setings da ot guts ia 
match #rocommended at SI men autes sybase 
Dispay Eros of SA 
Fe Upoads on 
Magi Guotes Runtme se WM Pie urloods 
Ronkte Gbbas ?.V akwultepan 


Oupu Bifferng down ulinduce 


Session Auto Statt 


PhPextensana ? 


Demi 


Al reprortoa 


StatAl Sewces 
StopAI Services 
Restart Al Services 


Ioonlalis fee software relsacod und the GNI General Pible Lronss 


putarine 


Wistart | anras Ta Na 


Gambar 2.27 Menu Display Errors 


Kemudian Anda klik kembali ikon tray WampServer dan pilih menu 


Restart All Services, seperti gambar berikut. 


Joomla! Web Installer. Mozilla F 


| Pt3oantot webitntater | 


& 2 (BK beatotimmabvhontute-conretaletntndex otot 


Joomla! 1.7.1 Installati 


Steps Pre-Installation Check neck ayat @) (O previous ex (O 


#Languane 
Pre-installation check for Joomla! 1.7.1 Stable | EmberJ26-Sep-2011 14:00 CMT: 


“Predustalation hak | | Fang af Use teng SroL supported (naked as No) tlen 


pisa tak ses to toe them, Falnetadhsocoubad | PHP Vesbn S2 624 yes 
Daan te you Joon! tali net Puretring comes Ab bangtan bt ar 
3m Support vas 
4: Database DD Supgaat vas 
MLanguage #Dofaut vas 
NA Laman NE Sting Ovelned Off res 
IN Perser Support yes 
3E3 501 Sirot yes 
Sean ga onfasetion.ohp Witeable ves 
72Fmen 
Recommenaea sertungs: 
These settings are recommended Far PHP in orler ta ensure ful | Powered by Alter Way 
campatbi» wih Jooms. ursana Recomnenced Locahost 
Howovet Inomlal ls operate Fyoursetings da rt gita 
matah the recammende mera, OT. (BI phpttyadnin 
Ospay Eirrs ar 
File upbts on 
Ng Gutes Rantine ar 
Pegbte Gbbas ar 
Oupu Buferng ot 
Sori kuta Statt 0 


StatAllSawcas 
JkonlslOic es coftwat relsacad under the GNJ GeneralPuble Leansa 
SAI Servkes B 


putorine 


1 unered -pare 5) Ioomla! webinetale... (BN Bab 2 Copa) 


Gambar 2.28 Menu Restart All Services 


Kemudian Anda klik tombol Next di jendela Pre-Installation Check. 
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2) Joomla! Web Installer - Mozi 


IL Yo tetap Bolnais Tab tep 
Ba Ka 1 Bhoitetotomymmnpasconiraamracoma Pan U Bana 7 


(BI Most Wed |) Getting Started (NI Latest Headines 


15X 3oomlat web Installer - - 
Steps Pre-Installation Check Check Again G9 |(O Previous | Moe (O) 3 
ttanguage 
Pre-installation check for Joomla! 2.5.4 Stable | Ember 2-April-2012 14:00 GMT: 
Prestasi sheet | Ianyafthosoitons nat wppoted (naked 3 No)tbon 
peka ata Aeton te comas thun Falra to de te codilesd PEP Yerson Ho ESA yes 
NA to your Dani Metartn net Puretoring cotarty nana Pa 
K1 Support yes 
A:Datanase Databssa Sppat yee 
oran, mya 
PLanguago #Dofout yes 
S:FTP Condiawation tanya Haa 
upon Suport res 
6: Contigwation ON Suppont vas 
oraurtr.ohe Witealo yes 
Zariish 
Recommended settings: 
bos stir: ane ocommerda he OHP none 1 ensana l 
abang Dah LAN Ag 4 rseivs pecormerced ptual 
Wnever, Juan! li opera your setirgs do nokgute 
mebi aracommane Plasa on ag 
Dolar tirrs 0 on 
Fleuploods on on 
Nag: Gunter Runte 01 Ku 
Pagi: Ountes GPC or or 
Rousts Gobas on or 
Gupur turterng 01 un 
Session fto Start or or 
Dice 20 sape on on 


Doom! fee sofware relessod undor the GNU General Pub icene, 


urtites Part 


Gambar 2.29 Jendela Pre-Installation Check 


7. Muncul jendela License dan klik tombol Next, seperti berikut. 


Steps License O rrosorm (ton € 
4:tangiaye 
GNU General Public License 


2: Pre-Instalation check 
Tabile of Contents 


» GNU GENERAL PUBLIC LEPASE 
9 Preamole 
4: afahate ( TERMS AND CONDITNS FOR COPYING, DISTRIBUTIN AND MODIFICATION 
( Howto Aprly These Terms to Your New Program 


5: FTP Contiguration 
GNU GENERAL PUBLIC LICENSE 


6: Configuration Version 2, June 1381 


Copyright (C) 1965, 1991 Free Software Foundation, Inc 
7:Finish 59 Temple Place - Suite 930, Boston, MA O2111-1207, USA 


Breryone 15 perwitted to cepy and distribute verbatin copiss 
of this license docunen, but chanying it 4s os alloved. 


Preamble 
The icenses tor most sofware are designed to toke away your freedom to share andi change t. By contrasi, Ine GNU Geneal Pub Licenee is Intenddito guarantee yoarfreedomto share anoi 


(change tree software-to make sure the sotware Is iree for alts users. This General Pule License apes to most of Ine Free Soltware Founetinis sofware andto any cther pregram wnose 
uthors commit to using t. (Sone other Free Soltware Foundation sofwere Is covered by the GNI Library General Public Livenseinsteacl) You can app lo your orogras,too. 


“When we snesk of tee Sattware, we are refevingta Iresdlam, nat pre. Our General Pulo Loenses are cesgrecito make sure hat you have the freesomtodistrhuke Dooles cf tee safiware 
Kencicharoe to this sevibeif you wis), Ihat you recelve source code Or can el Ii you wart it, Hat you cam change the sofiware r use pieces of Lin new free programs and tnat you know you 
can dothese things 


To protect yaur rights, ve need to make resbicions that fork anyone to deny you theserigis ortoask you to currender the his These resrcians translate to certin responsibltes for youif 
you istrbuts corles oi the software, ori! yaumodiy £ 


Gambar 2.30 Jendela License 


8. Muncul jendela Database Configuration dan ketik localhost di Host 
name, ketik root di Username dan ketik MyBook di kotak Database 


Name, seperti Gambar 2.31. 
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Joomla! 1.7. Installation 


ARBuag : ( 
Steps Database Configuration O nerious | tea ( 
4: Language 

Connection Settings 
2: Prednstallation check 

& Joonla! website stores allof ts datain adatabase, This Basic Settings 

& screen OIves the instalation pecaram the information needed ta 
SANEIES Wreatethis database, Database Type" 
MySOLi | Ts erat PMS 

Pokana T peuareinstaling Jconls on 3 remots web server, yau wil ysOli 


need toge tisirfcematonfion you hei 
Tisis way Teclhast" 
Some web hosts recue that you create the database before 
5: FIP Configuration “you nstal Joomla, If you get the message "Could not connect 
tothe database, check that your user name and password re 
met, IFyou SI cek Bie message check wh pour hosto 
see muneedtocestethe databasebefeindtaing 
ion, 


thargometlirg ae rotor aLramame iven he het 
6:Cofigwation 
Farsitesecanty singa pasemordfor hampa accontismandaoy 
7: Finish 


Some hasis allow only 3 certain DB name par site. Us tahe prfiin th casa for dstind: 
Joomla! sites, 


Teiopidtis (honse  tebleveicr use he randomly generated. Ideal re are dhracters lang, 
au contam oniy aiphanumeric oharacters, and MUST endlin an ondarscora 
OidDatabase Process $ 

@bactup Any rising backup tabes om farmer Joomla! installabicns wil bergelacad 

ORenore 


Joombai Is ee software relessed urderthe GU General Public Ucorse. 


Gambar 2.31 Jendela Database Configuration 


9. Klik Next di pojok kanan atas, muncul step 5 FTP Configuration. 


Joomla! 1.7.1 Installation 


Steps FTP Configuration O rovious | un 


1: Language 
FTP Configuration (Optional - Most Users Can Skip This Step - Press Nextto Skip) 


2: PreInstallation check 


Orisame server youmay reecito provide FIP redeniasTor | Basic Saftings 
g iszalon to comet. I you have dificukes complsting 
3: license inesalstion mititut thess credantls, check with you host to Eneble PP Layar " TH 
etenireiF fisis roressan. 
. gg Wening Ii terommence to leave is Wan andentar your FIP 
4: Databass Fotseuntytesson bat tb eta seat FP Le Usamane cah ine ho rerata Bes 
artumkwkhacostote monata anlyandnotte | pond Warning! Ri recammences to anye this ln anlentr pot FIP 
SE Iran ente webserver aur hosi can assist youth His, menodai Mmejrkeaa na 


Note: IFyau sre instalingen 3 Windows Operating System, the | FTP RoatPath 
Fo bye bnotregired —— 
Astolind FTP Pati )| Very FTP Setines 


Mvanced Settings 


6: Cortiguration 


7: Finish 


Joonla!B is fre2 software released under he GNU General Putic License, 


Gambar 2.32 Jendela FTP Configuration 


10. Klik tombol Next, muncul jendela Main Configuration. 
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oma! 1.7.4 Installat Joomld 


Steps 

4: Language 

2: Pre-Installation check 
3: license 

4: Database 

5: FTP Configuration 

5: Configuration 


7: nish 


11. Ketik www.bukukomputer.com pada kotak Site Name. Ketik 
yuniarsupardi@yahoo.com pada kotak Your Email. Ketik admin di 
kotak Admin Username. Ketik password di kotak Admin Password 


dan Confirm Admin Password, kemudian klik tombol Install 


Main Configuration 


Site Name 


Enter the rame df your Joomla! site, 
Optional: You car dso enter Neta Descripban and Meta 
keynon far yo sto 


Confiwm the Adimin email and Password, 


Erie your ena dites. This vilbe he emaladdressof he 
“Web se Super Adninistrator, 

Enter new password and then com iithe Beproprate 
fl, You may change he dfauh usermane adi, These 
vi be he User ard nssword that youwil use login to 
the Administrator Control Panel at the end of the instalation. 

1 you are migrating, you can ignore this section. Your cutrent. 
settings mil tc automatcol mirated, 


Load sample data 


Important!: : is stronoly recommended that new Joomla! 
usetsinial Ine default sanpe data, To da is cie onthe 
buatan Bafrenorgto the rest stage. 


1, Sample data: Bee keving the insalaton you can 
periktotheste database mih data, There ate twovays to 
dottis 


Aa F 
(O Previous. (Wee 


Basic Settings 
Sehane” 


» Advanced Settings - Optional 


Your Enal | 
Anin Usemame admin | 
Ata Pesanord | 


Confim Aduh Password” 


Default English (GB) Semple Data V 


Sampe Dataset 


Instal Sample Data 


Iratling semple dataisstrenaly recommended fobegimnera. This sn instal sample content 
Khatisinetudein bia Joe! intallahon packaga. 


Gambar 2.33 Jendela Main Configuration 


Sample Data, seperti gambar berikut. 


oomla! 


Steps 

4: Language 
2:Prednstallation check 
3:License 

4:Database 

S FIP Configuration 
6:Configuration 


T:Finish 


Installati 


Main Configuration 


Site Name 


Enter the name af yaur Joo! site, 
Ootorali Youcen asa enter Meta Description and Mata 
keywcrds for yeur site, 


Confirm the Admin emal and Password, 


Enter you amal aess, Thi wil be the ema adiess of the 
“Web ste Super Administrator, 

Enter a new passmord and then confimitin the 2pprooriate 
fels, You may change te delauk username admin, These 
wil br the Usernane and password that youwiuseto cinta 
the Admhistrator Conttol Panel at the endof the instalation. 
IFyouare migratirg, you can ignore is section. Four cument 
settnes milbe autonalicaly miyatec. 


Load sample data 


Importantl: is strong recomended that new Joon 
uses hstal the deFaat samole data. Todo his clikon the 
button Before moving bo the es: stage. 


1, Sample data: Before leavna theinstaktion, you can 
populete the site database wi data, There are tuc Ways to 
do bis 


#1 Joomld 


(O prerious ||tea 


Basic Settings 


Site Nang" ewwbukukomputer.com 


Advanced Settings - Optional 


Your Ea " 


arsupardi yahoo com 


Amin Usernane" admin 


Atm Password" 


Canfim Adnin Password " 


Sample Data set 


Instal Sample Date 


Default English (GB) Sample Data # 


Inntaling sample data rang recommended for beginera Ts wi instal sample content 
Ihatisindudedi the Jooetinstaltian package. 


Gambar 2.34 Jendela Main Configuration 


12. Muncul informasi Install Sample Data Successfully dan klik Next. 
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Steps Main Configuration 


4: Language 

Site Name 
2: Prednstaltion check | Ertar the mane your Deonll ats 
Optional: You ran also entar Meta Deserbton and Meta 


3:License keywords fo your st, 


4: Database 


5: FTP Configuration 


Contim the Admin email and Password. 
6: Contiguration 

Enter your ema addhess This wil be the ema adires o the 
Wah ste Super Administrator, 

Enter & raw password and en confimi in the aoproprate 
field, ou mar dhange the default usermane admin. These 
wil be the Username and passwardthat you wil usetolonin ta 
the Adninsrator Control Panda En end of the hstalation, 
IFyou are nigating, yeu canignore thissecton, You cureat 
settings wilbe automabraly mgyated 


7:Finish 


Load sample data 


Important: Iis strong recommended that new Iooma! 
cos etalthe defaut sample data. To dotfisclckoithe 
button Baferemowng to the next stage. 


1. Sample data: 3efoe leavingthe #talation, you can 
populate the site database with dat, There are hvo ways to 
dots: 


$ Joornld 


5 
Orrsuors) ten 


Basic Settings 


te Nane mw bukukomputer.com| 


» Advanced Settings - Optional 


Your Ema" 
Adnin Username" 
Anin Passnord " 


Conftm Admin Password " 


SanpleDatoset 


Instaling sample dat ksrangip recomended ar beginners, This wi instal sample content 
thatis included the Joomla inctalationpackare. 


Gambar 2.35 Instal Sample Data sukses 


13. Muncul jendela Finish dan informasi untuk menghapus folder 


Installation, seperti gambar berikut. 


Joomla! 1.7.1 Installati 


com 


Steps Finish se (9 Aaminwaor 


1:Language 
Congratulations! Joomla! is now installed. 


2: Prenstalation check 


(di ihe Se button to vies your Joonla! Web te orthe 


Admin button take youto your advinisttar in 
3:liconse ba 4 


nthe Joonlal Conmunty Ste yeuwilfnd alistof Insta 
velabielenyuage pas acwel as Ini tolanguane related 


4: Database resources on te jaomle.org family of sites. 


(Ge the button on the rich to open the Community St ina 


5:FTP Configuration eat 


PLEASE REMEMBER TO COMPLETELY 
REMOVE THE INSTALLATION DIRECTORY, 
You wilnot be able to proceed beyond this point unti heinstallation directory has been 


removed, This is a security feature of Joomla! 


Ramoveiinsiallaton folder 


Administration Login Details 


6: Configwation 


TaFinisti 


(username : admin 


Joomlalin your own language? 
Ws the Ieomba! onnunty St fe nguag2 pati cownoads 


Ibomlel@i free seftware released under the GNU General Pub: License, 


Gambar 2.36 Jendela Finish 


14. Menghapus folder Installation dengan klik kanan, pilih Delete di 


folder c“wampwwwwww.bukukomputer.com, seperti berikut. 
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Oa DP sem | (f5 Foters 


Address | ciwampiwwatwwwbukukomputer,com 


Fokers Da 
PD oeito (| aminiarator CJ ane Ja 
& D My documents " | TE 
8 9 IM Computer 2 
A @ LocalDisk(C) components | images J indudes 
BE Documents and Settings l Per 
arc 
@ (Cb Program Files 1 
HA J tbraries 
open 
Ad to VLC media players Playkst - 
kos sean bl modues 
Play with VLC media player : 
2D JEFokdor Protect , 
an Pl Sharing and Socuty. P 
3 Ol Baditoarchve... 
Bb conl WAdi to "instalation.rar" 
Os PEP Hi Compress and email menit 
P. -A 2 KG Hg Compress to "instaletionurar" and emad 
Ag joor OPedstalaton kb 
sa ter umen " 
& & wwwbukukomputer.com IIA Geate 150 rom For. 
2 B boomla. 1,7. I-Stable-Full Package Bumn Folder Contents... 
& Ed windows rabi - 
Si & tocalbik 03) Nag ra ON 
& badup UI ar 
& El cd.progam coy 
 contio paste 
2 Gd data.saya 
Ga ban Sebt Create Shertaut 
Praya 


Gambar 2.37 Menghapus folder installation 


15. Muncul jendela Confirm Folder Delete dan klik tombol Yes. 


Confirm Folder Delete 


Are you sure you want to remove the Folder 'installation' and move 
N) allits contents to the Recycle Bin? 


Gambar 2.38 Jendela Confirm Folder Delete 


16. Di jendela Finish, klik tombol Site, seperti Gambar 2.39. 


oomid 


Steps Finish site A8 Aminisuator | 


1: Language 
Congratulations! Joomla! is now installed. 


2: Prenstalltion check 
Click the Ste button to view your Joonla! Web it orthe 
Amin button to take you to yaur adminisbatorlogn. 


3ilicense 
On the Joomla! Community Site, yau wil find list af links to 
: awaleble language packs 2s welas inks to language related 
4: Database tesoures on the jiomla.org Family of sites 
(Click the button on the right to open the Community Se in 3 
5:FTP Configuration Dea anda! BP v PLEASE REMEMBER TO COMPLETELY 


REMOVE THE INSTALLATION DIRECTORY, 
You willnot be able to proceed beyond this point until the instalation directory has been 
temoved, This is a security feature of Joomlal. 


7: Finish Remove installation folder 


Administration Login Details 


6: Configuration 


Username : admin 


Joomla!in your own language? 
Visitthe Joomla! Community Site For language packs downloads. 


Jomlal@ is free sdftware teleasedunder the GNU General Public Lcense, 


Gambar 2.39 Tombol Site 
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2.2 @Gampilan GrrontEnd 


Tampilan FrontEnd merupakan tampilan situs pertama kali pemakai 
mengakses situs yang Anda buat. Setelah Anda menginstal Joomla dan 
menghapus folder installation lalu menjalankan situs dengan mengklik 


tombol Site, maka akan muncul FrontEnd, seperti gambar berikut. 


(2) Home - Mozilla Firefox 


Be Edit Yew History Bookmarks Tools Heh 
@iome t 
« localhost/www.bukukomputer.com) ce | 


Fontsize Biyger | Reset Smaller Search 


DINI SAMPLESITES — JOOMLA.ORG 


Joomla!" 


You are here: Home 


About Joomla! Joomla! 


Getting Started Congratulations! You have a Joorlal sitel Joomla! makes it easy to build a website just the way you want it and keep it 


Using Joomla! simple to update and maintain. 


lis small si a Is 
The Joomla! Project Joomla! is a flexible and powerful platform, whether you are building a small site for yourself ora huge site with hundreds of 


Gambar 2.40 Tampilan FrontEnd Situs 


2.3 @Hampilan BackEnd 


Tampilan BackEnd merupakan tampilan menu untuk database 
administrator, yang dipakai untuk mengelola konten. Untuk menuju ke 


BackEnd, langkah-langkahnya seperti gambar berikut. 


1. Pada tampilan FrontEnd, klik menu Site Administrator. 


25 


Hle Edit Ve History Bookmarks Too Help 


Kw 


« localhost/www.bukukamputer.com 


About Joomla! 
Getting Started 
Using Jooralal 
The Joomlal Project 


The Joomla! Community 


This Site 
Home 
Site Map 
Login 
Sample Sites 
Site Administrator 


Example Pages 


Login Form 


Gambar 2.41 Menu Site Administrator 


2. Muncul Joomla Administration Login, ketik admin pada kotak User 


Joomla! 


Cangratulationsi You have a Joomla! sitel Joomla! makes it easy to build a website just the way yau want it and keep it 


simple to update and maintain 


Joornlal is a Mexible and powerful platform, whether yau are building a small site for yaurself ora huge site with hundreds of 


thousands of visitors. Joomla Is pen source, which means you can make it work just the way you want ito 


Beginners 


Ifthis is your first Joomla sita or 
your frst web site, you have come 
to the right plaoe. Joomla wil help 
you get your website up and running 
uickly and easily. 


Start of using your site by lngging 
in using the administrator account 
you created when you installed 
Joomla. 


» Read more: Beginners 


Upgraders 


IFyau are an experianced Joomla! 
1.5 user, this Joomla! site will seem 
very familiar There are new 
templates and improved user 
interfaces, but most funetionality is 
the same. The biggest changes are 
improved access control (ACL) and 
nested categories. This release of 
Joornlal has strang continuity with 
Joomla! 1.6 while adding 
enhancements. 


? Read more: Upgraders 


Professionals 


Joornlal 1.7 continues development 
ofthe Joomla Framework and CMS 
as a powerful and flexible way to 
bring your vision af the web to 
reality, With the administrator now 
fully MVC, the ability to contva its 
look and the management of 


extensions is now complete 


? Read more: Professionals 


Name dan masukkan password, lalu klik tombol Login. 


www. 
Ele Edit Yew History Bookmarks Tools Help 


@home & | RX www.bukukomputer.com - Administration |/X wwwwbukukomputer.com- Adminstraton «| 4 | 


| IB& localhost/vmw.bukukomputer.com/adIministratc 


Administration 


Joomla! Administration Login 


Use a valid username and password 
to gain access to the administrator 
'backend, 


Goto site home page, 


Pp 


Password 


User Name Sati 


Language Dafaut 


Login O 


Joomlal@ is tree software released under the GNU General Public License, 


Gambar 2.42 Joomla Administration Login 


3. Muncul Control Panel BackEnd. Jika Anda ingin ke FrontEnd, klik 


tulisan View Site di pojok kanan atas, seperti gambar berikut. 
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|) www.bukukomputer.com - Administration - Mozilla Firefox 


Elle Edit View History Bookmarks Tools Helo 
@hoe JK www bukukomputer.com - Administration —x |(BX wwmwibukukomputer.com - Administration |“ 


€ 2 (AM benbosjwmbulutomputer GEN 


Administration w od 


Site | Users” Menus — Content” Components — Extensions Help 4 None Loggedin rontend Hb 1 Logoedkin backend 1s Nomessages BM View Site 


” « Last5 Logged-in Users 
4) 


Add New Article Article Manager Category Manager 


Name Location w 


Super User Administrator 2 


» Top 5 Popular Articles 


& -— 8 K » Last5 Added Articles 


User Manager Module Manager | | Extension Manager | | Language Manager 
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Templste Manager Edt profie 


Gambar 2.43 Control Panel BackEnd 


2.4 “Instalasi Joomla di Server Internet 


Pengertian instalasi di server internet adalah menginstal dalam keadaan 


online (terkoneksi dengan internet). Jika Anda sudah memesan space 


Ruang) dan melakukan pembayaran, dan Anda mendapatkan password 


untuk masuk di control panel, Anda dapat menginstal Joomla di server 


internet. Langkah-langkahnya sebagai berikut: 


1. 


2. 


Aktifkan account domain dan hosting Anda. 


Masuk ke halaman CPanel domain Anda, dengan mengetik 
http://nmamadomain/cpanel di address bar. Sebagai contoh, nama 
domain yang Anda pesan pada jasa hosting adalah 
www.bukukomputer.com, maka Anda mengetiknya 


http://www.bukukomputer.com/cpanel. 


Masukkan Username dan Password Anda di jendela Control Panel. 
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Login 


Usernarne || 


Password 


Gambar 2.44 Jendela Control Panel 


4. Setelah masuk ke halaman Panel, langkah selanjutnya Anda bisa 
langsung menuju ke Fantastico atau beberapa kasus menggunakan 
software Softaculous. Pada bagian Software, cari menu 
Fantastico/Softaculous, lalu klik menu Protals/CMS kemudian pilih 


Joomla 1.7. Maka akan muncul tampilan seperti gambar berikut. 


ah Soroti : PHP JavaScripes 


cation Toslkit, which allows you to run 
»gs, but we belive the teghhahts are eas1 


Gambar 2.45 Menu Portals/CMS 


5. Kemudian klik tombol Install untuk menginstal Joomla 1.7, pada 
kotak Software Setup. Isikan beberapa settingan sesuai dengan 


keinginan Anda. Pada baris Choose Protocol pilih http:// atau 
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http://www. Jika ingin alamat protocol-nya www, maka Chose 
Domain merupakan alamat domain Anda, In Directory merupakan 
direktori yang diinginkan, disarankan dikosongkan. Database Name 


merupakan nama database yang diinginkan, seperti gambar berikut. 


Gambar 2.46 Kotak Software Setup 


Pada kotak Site Setting, isikan deskripsi singkat mengenai website 
Anda. Kemudian pada kotak Database Setting di baris Table prefix, 
biarkan default-nya jos . Tapi kalau diganti, juga tidak masalah. 
Contoh diganti tabel seperti gambar berikut. 


Site Setu 


Database Settings 


Admin Account 


Choose Language 


t Language Engin 4 


Gambar 2.47 Kotak Software Setup 


Setelah semua settingan selesai, klik tombol Install, dan isikan email 
Anda pada pilihan email installation detail to. Jika ingin report, 
instalasi Joomla tercatat di email Anda. Tunggu beberapa saat hingga 


instalasi sukses. 
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